Minami0717
2024-02-08 08:18:42
1
soaple
2024-02-09 23:52:58
useCallback 훅을 사용하면 성능적으로 이점이 있는 건가요?
Minami0717
2024-02-16 13:58:32
혹시 axios 통신하는 함수들은 전부 useCallback 훅을 사용하는게 좋나요?
Minami0717
2024-02-16 14:02:06
useCallback() 훅을 사용하면 리액트 컴포넌트가 재렌더링이 일어날 때마다 함수가 재정의 되는 것을 방지할 수 있습니다. 즉, 함수가 매번 새로 정의되는 것에 대한 비용을 줄임으로써 성능적으로 약간의 이점이 있을 수 있습니다.
soaple
2024-02-17 02:29:53
하지만 더 중요한 부분은 정의한 함수를 하위 컴포넌트에 props로 넘기는 경우입니다. 이러한 경우 useCallback() 훅을 사용하지 않으면 부모 컴포넌트가 재렌더링 될 때마다 매번 함수의 reference가 변경되고 이로인해 해당 함수를 props로 가지는 자식 컴포넌트가 불필요하게 재렌더링이 될 수 있습니다. 그래서 되도록이면 컴포넌트 내에 정의하는 함수는 useCallback() 훅을 사용하시는게 좋습니다.
soaple
2024-02-17 02:30:07
useCallback 훅에 대해 복습해야 겠네요 감사합니다
Minami0717
2024-02-17 17:54:25